<div style="font-weight:bold;font-size:20px;margin-top: 20px;">${serialNumber}、岛内舆论发展情况</div>
<table id='table2' style="margin-top:15px;">
    <tr>
        <th>序号</th>
        <th>标题</th>
        <th>数据源</th>
        <th>网站名称</th>
        <th>详细信息</th>
    </tr>
</table>
<div style="margin-top: 10px; text-align: center; font-size: 20px;">表1 信息列表</div>
<div id="myecharts" style="width: 1000px; height: 400px; margin: 0 auto; margin-top: 20px"></div>
<div style="margin-top: 10px; text-align: center; font-size: 20px;">图2 媒体报告趋势</div>
<div id="table2-desc" style="text-indent: 2em;font-size:20px;margin-top: 20px;line-height: 35px;">
    <!-- 据表1和图2可得，近一周内的岛内相关舆论报道量共8039条，波峰出现在04-27，当日的岛内舆论报道量高达2038条。 -->
</div>

<script>
    (function () {

        $(document).ready(function () {
            // 二、岛内舆论发展情况
            // 表1 信息列表
            /*var dataTable2 = [
                {order: 1, title: '杰仔。！。。什么时候重启演会。。。撇开话剧不谈。。上一次见是三年了。？？。。。早知道。。，年底就', v1: '微博', v2: '木木', v3: '2022-04-28 09:35:15', v4: 'http://weibo.com/1962880835/Lqv7LfeSs', v5: '11', v6: '22',v7: '33', v8: '44', v9: '海口 三亚'}
            ];*/
            var dataTable2 = ${newIncreaseEntities}
            $.each(dataTable2,function(index,item){
                var tr='<td>'+(index+1)+'</td>'
                    +'<td width="200" style="padding:0 5px;">'+item.title+'</td>'
                    +'<td>'+item.dataSource+'</td>'
                    +'<td>'+item.websiteName+'</td>'
                    +'<td width="300" style="word-break: break-all;">发布时间：'+item.pubtime+'<br>'
                    +'原链接：'+item.sourceUrl+'<br>'
                    +'互动量：'+item.interactionNumNew+'&nbsp;评论量：'+item.commentNum+'<br>'
                    +'点赞量：'+item.likeNum+'&nbsp;转发量：'+item.shareNum+'<br>'
                    // +'命中条件里的关键词：'+item.v9+'<br>'
                    +'</td>';
                $("#table2").append('<tr>'+tr+'</tr>')
            });
            // 图2 媒体报告趋势
            /*var result = [
                { time: "05-21", count: 6 },
                { time: "05-22", count: 565 },
                { time: "05-23", count: 44 },
                { time: "05-24", count: 144 },
                { time: "05-25", count: 414 },
                { time: "05-26", count: 441 },
                { time: "05-27", count: 55 },
                { time: "05-28", count: 442 },
                { time: "05-29", count: 221 },
                { time: "05-30", count: 14 },
                { time: "05-31", count: 884 },
            ];*/
            var result = ${reportTrendingList}
            var hainanMapBar = echarts.init(document.getElementById("myecharts"));
            var barLegendData = $.map(result, function(n, i){ return n.date });
            var barValues = $.map(result, function(n, i){ return n.count });
            var optionBar = {
                tooltip: {
                    trigger: "axis",
                    axisPointer: {
                        type: "line",
                    },
                },
                color: ['#4b91ff'],
                legend: false,
                grid: {
                    left: "3%",
                    right: "4%",
                    bottom: "3%",
                    containLabel: true,
                },
                xAxis: {
                    type: 'category',
                    data: barLegendData,
                },
                yAxis: {
                    name: '信息量',
                    type: 'value'
                },
                series: [
                    {
                        type: "line",
                        data: barValues,
                        smooth: true
                    }
                ]
            };
            hainanMapBar.setOption(optionBar);
            // 描述
            var maxValue = ${dateForMaxValue}
            $("#table2-desc").text("据表1和图2可得，近一周内的岛内相关舆论报道量共" + ${totalPublicOpinionCount} + "条，波峰出现在" + maxValue.date +"，当日的岛内舆论报道量高达"+ maxValue.count +"条。");
        });
    })()
</script>
<style>
    table th, table td { border-bottom: 0.5px solid #999;border-right: 0.5px solid #999999; }
    table { border-top: 0.5px solid #999; border-left: 0.5px solid #999;width: 800px; line-height: 40px; text-align: center; border-collapse: collapse; padding:2px;margin: 0 auto;font-size: 20px;}
</style>